@charset "utf-8";

/*rem转换函数(默认设置为40px)*/
	@function torem($px){
	    @return $px / 50px * 1rem;
	}

/*基础全局样式*/
    html{
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
    body{
        font-family: Arial, Helvetica, sans-serif;
        font-size: torem(26px);
        color:#000;
        overflow: hidden;
    }
    a{
        color:#000;
        font-size:torem(16px);
        &:hover{
            color:orange;
        }
    }
    img{
        vertical-align: top;
    }
    .f-fl{
        float:left;
    }
    .f-fr{
        float:right;
    }
    [v-cloak] { display: none }

/*内容区布局*/
	.g-box{
        width: torem(750px);
        height: torem(5000px);
        background:url(../images/bga.jpg) repeat-y;
        background-size: contain;
        position: relative;
    }
    .g-bd{
       overflow: hidden;
       position: absolute;
       top:torem(910px);
       left:0;

       .m-chepin{
            width:torem(750px);
           li{
            width:torem(680px);
            padding: torem(10px);
            overflow: hidden;
            margin:0 auto;
            margin-bottom: torem(30px);
            background-color: #fff;
            border-radius: torem(10px);
           }
           img{
               float: left;
               width: torem(340px);
               height: torem(340px);
           }
           .cp-con{
               width:torem(300px);
               margin-left: torem(20px);
           }
           h3{
               margin-top: torem(20px);
               line-height: torem(60px);
               text-align: center;
               font-size: torem(28px);
           }
           p{
               line-height: torem(50px);
               font-size: torem(26px);
               span{
                   color:#f00;
                   font-weight: bold;
               }
           }
           .cp-price{
                font-size: torem(30px);
                line-height: 80px;
                color:#f00;
                font-weight: bold;
               span{
                   margin-left: torem(10px);
               }
           }
           .cp-buy{
                margin-top: torem(20px);
                display: block;
                width:torem(300px);
                height: torem(50px);
                line-height: torem(50px);
                border-radius: torem(10px);
                font-size: torem(26px);
                background-color: #f00;
                color:#fff;
                text-align: center;
                
           }
       }
    }